<template>
	<div class="header">
		<div class="header-child">
			<div class="c-l">
				<img class="c-l-img" src="../assets/images/logo.png"/>
			</div>
			<div class="c-r">
				<p class="c-r-login-p">Login</p>
				<p class="c-r-cat">购物车</p>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'common-header'
	}
</script>

<style lang="stylus" scoped>
	.header
		height:70px
		background:#fff
		.header-child
			width:1200px
			height:70px
			margin:0 auto
			position:relative
			.c-l
				width:140px
				height:70px
				position:absolute
				left:0
				top:0
				.c-l-img
					margin:-6px 0 0 -23px
			.c-r
				width:140px
				height:70px
			
				position:absolute
				right:0
				top:0			
			.c-r p
				color:#666
				display:inline-block
				font-size:17px
				line-height:70px
			.c-r-cat
				margin-left:24px
</style>
